@import url("../lib/layui/css/layui.css");
@media print {
  body { padding: 0px !important; margin: 0px !important; }
  .noprint { display: none !important; }
  .pageBreak { break-after: page; }
  table { table-layout: auto; }
  .bgcolor { background-color: rgb(255, 255, 255); }
}
* { margin: 0px; padding: 0px; font-family: "microsoft yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.hide { display: none; }
.show { display: block; }
a { text-decoration: none; }
html { width: 100%; height: 100%; overflow: hidden auto; }
body { width: 100%; min-height: 100%; }
.login-bg { background: url("") 0px 0px / cover no-repeat rgb(238, 238, 238); overflow: hidden; }
.form-wrap { background: rgb(248, 248, 248); margin-top: 15px; }
.login { margin: 120px auto 0px; min-height: 420px; max-width: 420px; padding: 40px; background-color: rgb(255, 255, 255); border-radius: 4px; box-sizing: border-box; }
.login a.logo { display: block; height: 58px; width: 167px; margin: 0px auto 30px; background-size: 167px 42px; }
.login .message { margin: 10px 0px 0px; padding: 18px 10px 18px 60px; background: rgb(13, 195, 22); position: relative; color: rgb(255, 255, 255); font-size: 16px; }
.login #darkbannerwrap { width: 18px; height: 10px; margin: 0px 0px 20px -58px; position: relative; }
.login input[type="text"], .login input[type="file"], .login input[type="password"], .login input[type="email"], select { border: 1px solid rgb(220, 222, 224); vertical-align: middle; border-radius: 3px; height: 50px; padding: 0px 16px; font-size: 14px; color: rgb(85, 85, 85); outline: none; width: 100%; box-sizing: border-box; }
.login input[type="text"]:focus, .login input[type="file"]:focus, .login input[type="password"]:focus, .login input[type="email"]:focus, select:focus { border: 1px solid rgb(39, 169, 227); }
.login input[type="submit"], .login input[type="button"] { display: inline-block; padding: 12px 24px; margin: 0px; font-size: 18px; line-height: 24px; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; color: rgb(255, 255, 255); background-color: rgb(24, 159, 146); border-radius: 3px; border: none; appearance: none; outline: none; width: 100%; }
.login hr { background: url("") 0px 0px no-repeat rgb(255, 255, 255); }
.login hr.hr15 { height: 15px; border: none; margin: 0px; padding: 0px; width: 100%; }
.login hr.hr20 { height: 20px; border: none; margin: 0px; padding: 0px; width: 100%; }
.x-body { padding: 20px; }
.x-nav{
  padding: 0 20px;
  border-bottom: 1px solid #e5e5e5;
  height: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.x-nav .layui-btn{
  margin-top:0px!important;
}
xblock { display: block; margin-bottom: 10px; padding: 5px 15px 5px 6px; line-height: 22px; border-radius: 0px 2px 2px 0px; background-color: rgb(242, 242, 242); }
.x-right { float: right; }
.x-so { margin-bottom: 20px; }
.x-so input.layui-input { width: 150px; }
.x-so .layui-form-label { display: inline-block; }
.x-so input.layui-input, .x-so input.layui-btn { display: inline-block; }
.x-red { color: red; }
.x-a { color: rgb(9, 150, 65); }
.x-a:hover { color: rgb(7, 126, 55); }
.x-blue { color: rgb(66, 184, 241); }
.x-sort { height: 30px; }
.x-show { cursor: pointer; }
.layui-form-switch { margin-top: 0px; }
.layui-input:focus, .layui-textarea:focus { border-color: rgb(21, 193, 66) !important; }
.page { margin-top: 20px; text-align: center; }
.page a { display: inline-block; background: rgb(245, 245, 245); color: rgb(136, 136, 136); padding: 10px 13px; min-width: 15px; transition: background-color 0.5s ease 0s; font-family: "microsoft yahei"; border-radius: 3px; }
.page.myself > div { display: inline-block; }
.page.myself a.selected { background-color: rgb(13, 195, 22); color: rgb(255, 255, 255); }
.page.myself .disabledNext { display: inline-block; vertical-align: middle; padding: 0px 15px; height: 28px; line-height: 28px; margin: 0px -1px 5px 0px; background-color: rgb(255, 255, 255); font-size: 12px; border: 1px solid rgb(226, 226, 226); color: rgb(210, 210, 210) !important; cursor: not-allowed !important; }
.page.myself .next { display: inline-block; vertical-align: middle; padding: 0px 15px; height: 28px; line-height: 28px; margin: 0px -1px 5px 0px; background-color: rgb(255, 255, 255); color: rgb(51, 51, 51); font-size: 12px; border: 1px solid rgb(226, 226, 226); }
.page.myself .pages { display: inline-block; width: 40px; margin: 0px 10px; padding: 0px 3px; text-align: center; height: 30px; line-height: 30px; border-radius: 2px; vertical-align: top; background-color: rgb(255, 255, 255); box-sizing: border-box; border: 1px solid rgb(226, 226, 226); }
.page.myself a:hover { background: rgb(255, 255, 255); color: rgb(136, 136, 136); }
.page .btn.btn-primary.btn-submit { margin-left: 10px; padding: 0px 10px; cursor: pointer; border-radius: 2px; background-color: rgb(255, 255, 255); box-sizing: border-box; border: 1px solid rgb(226, 226, 226); outline: 0px; }
.page span { display: inline-block; padding: 10px; min-width: 15px; }
.page span.current { display: inline-block; background: url("") 0px 0px no-repeat rgb(21, 193, 66); color: rgb(255, 255, 255); padding: 10px 13px; min-width: 15px; border-radius: 3px; }
.page .pagination li { display: inline-block; margin-right: 5px; text-align: center; }
.page .pagination li.active span { background: url("") 0px 0px no-repeat rgb(21, 193, 66); color: rgb(255, 255, 255); }
#tab_right { display: none; width: 80px; position: absolute; top: 35px; left: 0px; }
#tab_right dl { top: 0px; }
#tab_show { position: absolute; top: 36px; bottom: 0px; width: 100%; background: rgba(255, 255, 255, 0); padding: 0px; overflow: hidden; display: none; }
.container { width: 100%; height: 55px; background-color: rgb(17, 17, 17); border-bottom: 1px solid rgba(0, 0, 0, 0.8); }
.container .logo a { float: left; color: rgb(255, 255, 255); font-size: 18px; padding-left: 20px; line-height: 50px; width: 220px; transition: background-color 0.3s ease 0s; }
.container .right { background-color: rgba(0, 0, 0, 0); float: right; transition: background-color 0.3s ease 0s; }
.container .left_open { height: 55px; float: left; }
.container .left_open i { display: block; background: url("") 0px 0px no-repeat rgba(255, 255, 255, 0.1); color: rgb(255, 255, 255); width: 32px; height: 32px; line-height: 32px; border-radius: 3px; text-align: center; margin-top: 10px; cursor: pointer; transition: background-color 0.3s ease 0s; }
.container .left_open i:hover { background: url("") 0px 0px no-repeat rgba(255, 255, 255, 0.3); }
.container .left { background-color: rgba(0, 0, 0, 0); float: left; }
.container .layui-nav-item { line-height: 50px; }
.container .layui-nav-more { top: 25px; }
.container .layui-nav-child { top: 50px; }
.container .layui-nav-child i { margin-right: 10px; }
.layui-nav .layui-nav-item a { color: rgb(204, 204, 204); cursor: pointer; }
.layui-nav .layui-nav-item > a:hover { color: rgb(255, 255, 255); cursor: pointer; }
.layui-nav .layui-nav-child a { color: rgb(51, 51, 51); cursor: pointer; }
.left-nav { position: absolute; top: 51px; bottom: 0px; left: 0px; z-index: 2; padding-top: 10px; background-color: rgb(34, 35, 36); width: 240px; overflow: auto; border-right: 1px solid rgb(19, 30, 38); }
.left-nav #nav > li { line-height: 30px; border-left: 4px solid rgb(34, 35, 36); transition: background-color 0.3s ease 0s; }
.left-nav #nav > li:hover { background: rgb(24, 24, 24); border-left: 4px solid rgb(66, 184, 241); }
.left-nav #nav > li.open { border-left: 4px solid rgb(66, 184, 241); background: rgb(24, 24, 24); }
.left-nav #nav li a:hover { color: white; }
.left-nav #nav .current { background: rgb(65, 184, 240); }
.left-nav #nav li a { font-size: 14px; padding: 12px 15px 12px 20px; display: block; cursor: pointer; color: rgb(142, 142, 142); transition: background-color 0.3s ease 0s; }
.left-nav #nav li a cite { font-size: 14px; }
.left-nav #nav li .sub-menu { display: none; }
.left-nav #nav li .opened { display: block; background: rgb(69, 70, 72); }
.left-nav #nav li .sub-menu li { background: rgb(24, 24, 24); transition: background-color 0.3s ease 0s; }
.left-nav #nav li .sub-menu li:hover { background: rgb(48, 50, 53); }
.left-nav #nav li .sub-menu li a { padding: 10px 15px 10px 30px; font-size: 14px; cursor: pointer; color: rgb(142, 142, 142); }
.left-nav #nav li .sub-menu li .sub-menu li a { padding-left: 45px; }
.menu-current { background: rgb(40, 43, 51) !important; }
.menu-current > a { color: rgb(255, 255, 255) !important; }
.left-nav #nav li .sub-menu li a:hover { color: rgb(255, 255, 255); }
.left-nav #nav li .sub-menu li a i { font-size: 12px; }
.left-nav #nav li a i { padding-right: 10px; padding-top: 8px; line-height: 14px; }
.left-nav #nav li .nav_right { float: right; font-size: 16px; }
.page a:hover { color: rgb(255, 255, 255); background: rgb(150, 150, 150); }
.x-slide_left { width: 17px; height: 61px; background: url("../images/icon.png") 0px 0px no-repeat; position: absolute; top: 200px; left: 221px; cursor: pointer; z-index: 3; }
.page-content { position: absolute; inset: 51px 0px 0px 241px;top:51px;right:0px;bottom:0px;left:241px; overflow: hidden; z-index: 1; }
.page-content-bg { position: absolute; inset: 46px 0px 42px 221px; background: url("") 0px 0px no-repeat rgba(0, 0, 0, 0.5); overflow: hidden; z-index: 100; display: none; }
.page-content .tab { height: 100%; width: 100%; background: url("") 0px 0px no-repeat rgb(239, 238, 240); margin: 0px; }
.page-content .layui-tab-title { height: 38px; background: url("") 0px 0px no-repeat rgb(239, 238, 240); position: relative; z-index: 100; }
.page-content .layui-tab-title li.home i { padding-right: 5px; }
.page-content .layui-tab-title li.home .layui-tab-close { display: none; }
.page-content .layui-tab-title li { line-height: 35px; }
.page-content .layui-tab-title .layui-this::after { height: 36px; }
.page-content .layui-tab-title li .layui-tab-close { border-radius: 50%; }
.page-content .layui-tab-title .layui-this { background: url("") 0px 0px no-repeat rgb(255, 255, 255); }
.page-content .layui-tab-bar { height: 34px; line-height: 35px; }
.page-content .layui-tab-content { position: absolute; top: 36px; bottom: 0px; width: 100%; background: url("") 0px 0px no-repeat rgb(255, 255, 255); padding: 0px; overflow: hidden; }
.page-content .layui-tab-content .layui-tab-item { width: 100%; height: 100%; }
.page-content .layui-tab-content .layui-tab-item iframe { width: 100%; height: 100%; }
.x-admin-carousel, .layui-carousel, .x-admin-carousel > [carousel-item] > * { background-color: rgb(255, 255, 255); }
.x-admin-backlog .x-admin-backlog-body { display: block; padding: 10px 15px; background-color: rgb(248, 248, 248); color: rgb(153, 153, 153); border-radius: 2px; transition: all 0.3s ease 0s; }
.x-admin-backlog-body h3 { padding-bottom: 10px; font-size: 12px; }
.x-admin-backlog-body p cite { font-style: normal; font-size: 30px; font-weight: 300; color: rgb(22, 159, 29); }
.x-admin-backlog-body:hover { background-color: rgb(207, 207, 207); color: rgb(136, 136, 136); }
.welcome-footer { padding: 30px 0px; line-height: 30px; text-align: center; background-color: rgb(238, 238, 238); color: rgb(102, 102, 102); font-weight: 300; }
body .layui-layout-admin .footer-demo { height: auto; padding: 15px 0px; line-height: 26px; }
.welcome-footer a { padding: 0px 5px; }
table th, table td { word-break: break-all; }
.footer { position: fixed; bottom: 0px; width: 100%; background-color: rgb(50, 52, 54); text-align: center; font-size: 12px; border-top: 1px solid rgba(0, 0, 0, 0.1); line-height: 41px; color: rgb(102, 102, 102); }
.footer .copyright { margin-left: 10px; }
@media screen and (max-width: 768px) {
  .fast-add { display: none; }
  .layui-nav .to-index { display: none; }
  .container .logo a { width: 140px; }
  .left-nav { left: -221px; }
  .page-content { left: 0px; }
  .page-content .layui-tab-content .layui-tab-item { overflow-y: scroll; }
  .x-so input.layui-input { width: 100%; margin: 10px; }
  .x-so .layui-form-label { margin-top: 10px; }
}
.page-demo { text-align: center; margin-top: 20px; }
.clearfix::before, .clearfix::after { content: ""; display: table; }
.clearfix::after { clear: both; }
.clearfix::after { content: ""; display: block; clear: both; height: 0px; visibility: hidden; }
.clearfix { }
.fl { float: left; }
.fr { float: right; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { appearance: none; }
input[type="number"] { }
.layui-table-view .layui-form-radio { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding-right: 0px; }
.layui-table-view .layui-form-radio > i { margin-right: 0px; }
.print-container .QR { margin: 0px auto; }
.print-container .layui-col-xs3 { width: 180px; margin-bottom: 20px; text-align: center; }
.print-container .single-grid .advice-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; width: 110px; padding: 4px 0px 0px !important; }
.print-container .single-grid .advice-id { font-weight: 400; line-height: 20px; padding: 3px 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; width: 110px; }
.print-container .printBtn { width: 130px; text-align: center; }
.print-container .allPrintBtn { width: 200px; height: 40px; line-height: 40px; margin: 9px auto; display: block; }
.print-container.layui-form-item { position: relative; margin-bottom: 0px; padding-bottom: 40px; }
.layui-form-item.noprint { position: fixed; bottom: 0px; left: 0px; width: 100%; background: rgb(255, 255, 255); height: 58px; margin-bottom: 0px; }
.layui-anim-up { animation-name: none !important; }
body > font { padding-left: 40px; display: block; }
.color-blue { color: rgb(66, 184, 241); }
.fs18 { font-size: 18px; }
.layui-input-block.noMl { margin-left: 0px; }
.dashedLine { height: 0px; border-bottom: 1px dashed rgb(178, 178, 178); }
.data-container .data-list { padding: 5px 10px; position: relative; font-size: 16px; margin-top: 8px; margin-bottom: 8px; min-height: 28px; }
.data-container .data-list:first-child { margin-top: 0px; }
.data-container .data-list.collapse { height: 28px; overflow: hidden; }
.data-container .data-list.collapse .fold { display: block; }
.data-container .data-list.collapse .unfold { display: none; }
.data-container .label-title { position: absolute; top: 11px; left: 10px; width: 80px; text-align: right; }
.data-container .label-fold { position: absolute; top: 11px; right: 10px; width: 80px; text-align: right; }
.data-container .label-right { margin-left: 80px; padding-left: 10px; color: rgb(102, 102, 102); margin-right: 80px; }
.data-container .add { cursor: pointer; padding-top: 6px; }
.data-container .label-right .menu, .data-container .label-right .menu-label { cursor: pointer; padding: 6px; margin-right: 10px; display: inline-block; }
.data-container .label-right .menu.active { background: rgb(66, 184, 241); color: rgb(255, 255, 255); border-radius: 5px; }
.data-container .operate-box { padding-top: 60px; }
.data-container .operate-box .edit { margin-right: 10px; }
.hospital-select { vertical-align: top; display: inline-block; width: 400px; margin-bottom: 10px; }
.xm-select-normal { width: 250px; }
xm-select > .xm-label .xm-label-block, xm-select > .xm-body .xm-toolbar, xm-select > .xm-body .xm-toolbar .toolbar-tag, xm-select > .xm-body .xm-option-content, xm-select > .xm-body .xm-option-icon { }
xm-select > .xm-body .xm-option, xm-select > .xm-body .xm-paging { }
xm-select > .xm-label .xm-label-block > i { }
xm-select > .xm-label .xm-label-block { }
xm-select > .xm-body .xm-option-content { }
xm-select .xm-body .xm-option.selected .xm-icon-duox::before { }
xm-select > .xm-body .xm-paging > span { }
.layui-table-cell .jqthumb { float: left; }
#J_photoDetail .img-box { width: 800px; }
#J_photoDetail .img-box a { margin: 10px 0px; }
#J_photoDetail .layui-input-inline { padding: 9px 15px; }
#J_photoDetail .img-detail { width: 100%; }
#J_photoDetail a.no-margin { margin: 0px; }
.placeholder { color: rgb(153, 153, 153); }
#reasonIpt { line-height: 38px; padding: 0px 15px !important; }
#J_order_detail .order-info { color: rgb(102, 102, 102); }
#J_order_detail .order-info li { height: 28px; }
#J_order_detail .order-info .label-left { width: 100px; }
.x-so .layui-form-item.select-item .layui-input-inline { width: 150px; }
#J_store_manage .name.read-input { width: 300px; }
#J_store_manage .address-input { width: 450px; height: 120px; resize: none; padding: 10px; }
.layui-laydate-content > .layui-laydate-list { padding-bottom: 0px; overflow: hidden; }
.layui-laydate-content > .layui-laydate-list > li { width: 50%; }
.merge-box .scrollbox .merge-list { padding-bottom: 5px; }
.fc-h-event .fc-event-main-frame { text-align: right; }
.fc-h-event .fc-event-title-container { text-align: center; }
#J_photo_reserve #calendar { max-width: 1100px; margin: 0px auto; }
#J_photo_reserve .edit_class { width: 60px; height: 30px; line-height: 28px; text-align: center; left: 50%; cursor: pointer; margin-left: -30px !important; }
#J_photo_reserve .add_class { width: 60px; height: 30px; line-height: 28px; text-align: center; left: 50%; cursor: pointer; margin-top: 42px !important; margin-left: -30px !important; }
.w130Width .layui-form-label { width: 100px; }
.w130Width .layui-input-block { margin-left: 130px; }
.text-limit { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pre-wrap { white-space: pre-wrap; }
.layui-icon { font-size: 15px; }
#LAY_layuipro444 .layui-table-cell { height: auto; line-height: 28px; }

.layui-btn{
  background-color: #409EFF;
}
/* //将样式为layui-btn-normal  改变颜色 */
.layui-btn-danger{
  background-color: red;
  color: #fff;
}
.layui-btn-normal {
    background-color: #409EFF;
    /* background-color: #fff;
    color: #409EFF; */
}
.layui-btn-text{
  background-color: transparent;
    color: #409EFF;
}
.layui-btn-text:hover {
  opacity: 1;
  filter: alpha(opacity=80);
  color: #409EFF;
}
.layui-btn-primary{
  background-color: #fff;
}
.layui-btn-text.layui-btn-danger{
  /* background-color: red; */
  color: red;
}
.layui-btn-text.layui-btn-danger:hover{
  opacity: 1;
          filter: alpha(opacity=80);
          color: red;
}
/* //表格分页改颜色 */
.layui-laypage .layui-laypage-curr .layui-laypage-em { 
  background-color: #409EFF;
}

/* //下拉选项修改颜色 */
.layui-form-select dl dd.layui-this {
    background-color: #409EFF;
}

.layui-form-radio>i:hover, .layui-form-radioed>i{
  color:#409EFF ;
}
.layui-btn-text.layui-btn-primary{
  color: #409EFF;
  border: none;
}
.layui-btn-text.layui-btn-primary:hover{
  color: #409EFF;
  border: none;
  background-color: transparent;
}
.layui-btn.layui-btn-disabled{
  border: 1px solid #e6e6e6;
  background-color: #FBFBFB;
  color: #C9C9C9;
  cursor: not-allowed;
  opacity: 1;
}
.layui-btn-text.layui-btn-disabled{
  color: #ccc;
  border: none;
  background-color: transparent!important;
}
.layui-btn-text.layui-btn-disabled:hover{
  color: #ccc;
  border: none;
  background-color: transparent!important;
}
.layui-tab-brief>.layui-tab-title .layui-this{
  color: #409EFF;
}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{
  border: none;
  border-radius: 0;
  border-bottom: 2px solid #409EFF;
}
/* 输入框focus样式 */
.layui-input:focus, .layui-textarea:focus {
  border-color: #409EFF!important;
}
/* 日期选中 */
.layui-laydate .layui-laydate-content .layui-this {
  background-color: #409EFF!important;
  color: #fff!important;
}
/* 分页控件居右 */
.layui-table-page{
  display: flex;
  flex-direction:row;
  justify-content: end;
}
.el-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e5e5e5;
  color: #333;
  font-size:14px;
}
.el-dropdown{
  margin-left: 10px;
}
